﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="OnlineBusinesses._Default" %>

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="ContentHome">
    <!-- SmartPhone -->
    <div class="col-xs-12 visible-xs" style="padding:5px;">
        <div class="col-xs-12" style="height:100px;padding:0px;
background-image: url('Images/icon main-page/Untitled-17.png');
background-repeat: no-repeat;background-position: center;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
        </div>
        <div class="col-xs-12" style="padding:0px 15px;">
            <h5 style="font-size:90%;text-align:center;font-weight:bold;">Hệ thống doanh nghiệp online</h5>
            <h5 style="text-align:justify;font-size:85%;padding-bottom:10px;color:#333;">Trọn bộ sản phẩm quản lý doanh nghiệp doanh online bằng công nghệ điện toán đám mây giúp bạn và doanh nghiệp của bạn làm việc hiệu quả gấp bội.</h5>
        </div>

        <div class="col-xs-12" style="padding:0px;margin:5px 0px;height:1px;background:#ddd;"></div>

        <div class="col-xs-12" style="padding:5px;font-size:90%;">
            <h4>Lợi ích</h4>
            <div class="col-xs-12" style="background: #f9f9f9; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);padding:10px;text-align:center;margin-top:5px;">
                Hạn chế mức hao tồn kinh phí khi hoạt động
            </div>
            <div class="col-xs-12" style="background: #f9f9f9; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);padding:10px;text-align:center;margin-top:5px;">
                Một hệ thống năng động và đa chức năng
            </div>
            <div class="col-xs-12" style="background: #f9f9f9; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);padding:10px;text-align:center;margin-top:5px;">
                Một sự gắn kết hoàn hảo và độ bảo mật cao
            </div>
        </div>
        <div class="col-xs-12" style="padding:0px;margin:5px 0px;height:1px;background:#ddd;"></div>

        <div class="col-xs-12" style="padding:5px;font-size:90%;">
            <h4>Đôi nét</h4>
            <div class="panel-group" id="accordion" style="margin-bottom:0px;">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" style="font-size:75%;font-weight:bold;text-decoration:none;background:none;">
                      Bạn phải bỏ ra bao nhiêu kinh phí để vận hành một công ty ?
                    </a>
                  </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in">
                  <div class="panel-body">
                      <p>
Với một hệ thống đồng bộ giúp bạn cắt giảm chi phí tối đa, tăng năng suất làm việc, tăng cường kiểm soát doanh nghiệp bằng khu quản trị hệ thống doanh nghiệp dành riêng cho bạn và doanh nghiệp bạn.
                      </p>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" style="font-size:75%;font-weight:bold;text-decoration:none;background:none;">
                      Làm sao kiểm soát được sản phẩm của công ty ?
                    </a>
                  </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                  <div class="panel-body">
                    <p>
Tất cả các qui trình làm việc điều được kiểm soát chặc chẽ bằng hệ thống giúp bạn và doanh nghiệp bạn quản lý đồng nhất.
                      </p>                  
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" style="font-size:75%;font-weight:bold;text-decoration:none;background:none;">
                      Làm cách nào tiếp cận khách hàng một cách chuyên nghiệp nhất ?
                    </a>
                  </h4>
                </div>
                <div id="collapseThree" class="panel-collapse collapse">
                  <div class="panel-body">
                    <p>
Với bộ sản phẩm của chúng tôi bằng tên miền thương hiệu của bạn và doanh nghiệp bạn, đi xuyên suốt hệ thống bắt đầu bằng email tên miền riêng giúp bạn tiếp cận khách hàng một cách chuyên nghiệp nhất
                      </p>                  
                  </div>
                </div>
              </div>
            </div>
        </div>

    </div>

    <!-- /SmartPhone-->
    <div class="col-md-12 hidden-xs" style="padding:0px;">
        <div class="col-md-12" style="position:relative;padding:0px;height:400px;margin-top:132px;background-image: url('Images/icon main-page/Untitled-17.png');background-repeat: no-repeat;background-position: center;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; ">
            <div class="container">
                <div class="col-md-6" style="position:absolute;top:25%;color:#337BEA;">
                    <h1>Hệ thống doanh nghiệp online</h1>
                    <h4 style="padding:10px 0px 20px;color:#333;">Trọn bộ sản phẩm quản lý doanh nghiệp doanh online bằng công nghệ điện toán đám mây giúp bạn và doanh nghiệp của bạn làm việc hiệu quả gấp bội.</h4>
                    <span id="btnTry" class="try btn btn-default" style="border-radius:0px;background:#337BEA;color:#fff;">Bắt đầu dùng thử 2$</span>
                </div>
            </div>
        </div>
        <div class="col-md-12 col-xs-12" style="padding:0px;">
            <div class="col-md-12 col-xs-12" style="color:#888;padding:0px;background:#fff;border-bottom:1px solid #ddd;">
                <div class="container">
                    <div class="col-md-4" style="padding: 0px;">
                        <div class="col-md-12" style="padding:50px 30px;">
                            <div class="col-md-3" style="padding:8px;">
                                <span class="btn" style="border-radius:100%;border:3px solid #337BEA;width:auto;padding:7px 18px;">
                                    <span class="fa fa-dollar" style="font-size:48px;color:#337BEA"></span>
                                </span>
                            </div>
                            <div class="col-md-9" style="padding:5px;font-size:22px;color:#555;">
                                Hạn chế mức hao tổn kinh phí khi hoạt động
                            </div>
                            <div class="col-md-12" style="padding:5px;">
                                Bạn lo ngại về việc chi tiêu quá nhiều trong việc quảng bá và điều hành công ty.
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" style="padding: 0px;">
                        <div class="col-md-12" style="padding:50px 30px;">
                            <div class="col-md-3" style="padding:8px;">
                                <span class="btn" style="border-radius:100%;border:3px solid #337BEA;width:auto;padding:7px 22px;">
                                    <span class="fa fa-mobile" style="font-size:50px;color:#337BEA"></span>
                                </span>
                            </div>
                            <div class="col-md-9" style="padding:5px;color:#555;font-size:22px;">
                                Một hệ thống năng động và đa chức năng
                            </div>
                            <div class="col-md-12" style="padding:5px;">
                                Điều này giúp bạn có thể làm việc tại bất cứ nơi nào, bất cứ nơi đâu có kết nối internet
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4" style="padding: 0px;">
                        <div class="col-md-12" style="padding:50px 30px;">
                            <div class="col-md-3" style="padding:8px;">
                                <span class="btn" style="border-radius:100%;border:3px solid #337BEA;width:auto;padding:7px 16px;">
                                    <span class="fa fa-lock" style="font-size:48px;color:#337BEA"></span>
                                </span>
                            </div>
                            <div class="col-md-9" style="padding:5px;color:#555;font-size:22px;">
                                Một sự gắn kết hoàn hảo và độ bảo mật cao
                            </div>
                            <div class="col-md-12" style="padding:5px;">
                                Sự đồng bộ của hệ thống và độ bảo mật luôn là tiêu chí phát triển của chúng tôi
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-xs-12" style="padding:0px;background:#fafafa;border-bottom:1px solid #ddd;font-size:12px;">
                <div class="container" style="text-align:center;padding:20px;color:#888;">
                    <h3 style="color:#337BEA">Hãy bắt đầu tăng năng suất làm việc với bộ sản phẩm của chúng tôi</h3>
                    <h5>Bộ sản phẩm quản lý doanh nghiệp từ cơ bản cho đến nâng cao, đáp ứng mọi nhu cầu cần có của một doanh nghiệp</h5>
                </div>
            </div>
            <div class="col-md-12 col-xs-12" style="padding:0px;background:#fff;">
                <div class="container">
                    <div class="col-md-12" style="padding: 0px;">
                        <div class="col-md-6" style="padding: 0px;">
                            <div class="col-md-12" style="padding:30px;">
                                <h3 style="color:#888;">
                                    Bạn phải bỏ ra bao nhiêu kinh phí để vận hành một công ty ?
                                </h3>
                                <p style="padding-top:20px;text-align:justify;">
    Với một hệ thống đồng bộ giúp bạn cắt giảm chi phí tối đa, tăng năng suất làm việc, tăng cường kiểm soát doanh nghiệp bằng  khu quản trị hệ thống doanh nghiệp dành riêng cho bạn và doanh nghiệp bạn.                            
                            </div>
                        </div>
                        <div class="col-md-6" style="padding: 0px;">
                            <img class="img" src="Images/icon main-page/customer_support_banner.png" style="width:100%;" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-xs-12" style="padding:0px;background:#f5f5f5;">
                <div class="container">
                    <div class="col-md-12" style="padding: 0px;">
                        <div class="col-md-6" style="padding: 0px;">
                            <img class="img" src="Images/icon main-page/sr.png" style="width:100%;" />
                        </div>
                        <div class="col-md-6" style="padding: 0px;">
                            <div class="col-md-12" style="padding:30px;">
                                <h3 style="color:#888;">
                                    Làm sao kiểm soát được sản phẩm của công ty ?
                                </h3>
                                <p style="padding-top:20px;text-align:justify;">
    Tất cả các qui trình làm việc điều được kiểm soát chặc chẽ bằng hệ thống giúp bạn và doanh nghiệp bạn quản lý đồng nhất.                           
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-xs-12" style="padding:0px;background:#fff;">
                <div class="container">
                    <div class="col-md-12" style="padding: 0px;">
                        <div class="col-md-6" style="padding: 0px;">
                            <div class="col-md-12" style="padding:30px;">
                                <h3 style="color:#888;">
                                    Làm cách nào tiếp cận khách hàng một cách chuyên nghiệp nhất ?
                                </h3>
                                <p style="padding-top:20px;text-align:justify;">
    Với bộ sản phẩm của chúng tôi bằng tên miền thương hiệu của bạn và doanh nghiệp bạn, đi xuyên suốt hệ thống bắt đầu bằng email tên miền riêng giúp bạn tiếp cận khách hàng một cách chuyên nghiệp nhất                            
                            </div>
                        </div>
                        <div class="col-md-6" style="padding: 0px;">
                            <img class="img" src="Images/icon main-page/customer_suppssdsdort_banner.png" style="width:100%;" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-xs-12" style="padding:0px;background:#fff;">
                <div class="container">
                    <div class="col-md-12" style="padding:50px;text-align:center;">
                        <h2 style="font-weight:200;color:#666;">Bắt đầu dùng thử 30 ngày với 
                            <span style="font-family: 'Patrick Hand', cursive; font-size: 40px;">
                                    <b style="color: #d00;">FA</b>mails</span>
                        </h2>
                        <p style="font-size:12px;padding-bottom:10px;">Bao gồm các tính năng dùng cho doanh nghiệp ( Bắt đầu dùng thử 2$ )</p>
                        <a href="../../Info/Register.aspx?packageId=20" style="text-decoration:none;">
                        <span class="try btn btn-default" style="background:#337BEA;color:#fff;border-radius:0px;padding:10px 30px;">Bắt đầu dùng thử 2$</span> 
                        </a> 
                   </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
